<?xml version='1.0' encoding='UTF-8' ?>
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./layout/mainTemplate.xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui"  
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns="http://www.w3.org/1999/xhtml">
    <ui:define name="top">
        <h:outputLabel value="Ciudad" class="tituloPrincipal"/>
    </ui:define>

    <ui:define name="left">
    </ui:define>
    <ui:define name="content">
        <h:form id="contenido">

            <p:panel header="Ciudad">
                <p:panelGrid columns="2">
                    <h:outputLabel value="Nombre"/>
                    <p:inputText value="#{ciudadAction.ciudad.nombre}" id="nombreCiudad"/>
 
                    <h:panelGroup/>
                    <p:panelGrid columns="2">                  
                        <p:commandButton value="Guardar" action="#{ciudadAction.guardar()}" ajax="false"/>
                        <p:commandButton value="Cancelar" action="#{ciudadAction.cancel()}" ajax="false"/>
                    </p:panelGrid>
                    <h:panelGroup/>
                    <p:messages id="messagesgciudad" showDetail="true" autoUpdate="true" closable="true" > 
                        <p:effect type="fade" event="load" delay="3000" />
                    </p:messages>

                </p:panelGrid>
            </p:panel>
        </h:form>
    </ui:define>
</ui:composition>